/* CSS Document */
*{ margin:0; padding:0; font-family:"Î¢ÈíÑÅºÚ"}
a{ border:none; text-decoration:none}
a img{border:none; }
a:link{ color:#e60012;}
input{outline:none;}
.clear{ clear:both}

#flip { margin-top:8px;}
 .nolink { font-size:13px; margin-left:10px; margin-right:10px; border:#666666 solid 1px;  padding:5px 5px 5px 5px;}
#flip a { font-size:13px; margin-left:10px; margin-right:10px; border:#666666 solid 1px; padding:5px 5px 5px 5px;}
.top{ height:47px; background:#313131}
.top_con{color:#aaaaaa; height:47px; line-height:47px; background:#313131; width:1200px; margin:0 auto;}
.welcome{  font-size:14px;height:47px; float:left;}
.welcome a{ color:#e60012}
.tel{ float:right; font-size:14px;height:47px;}
.tel font{ color:#e60012; font-family:Arial; font-size:16px;}

.logo_nav{ height:108px;width:1200px; margin:0 auto;}
.logo_nav a.logo{ display:block; float:left;}
.logo_nav .nav{height:108px; float:right; width:840px;}
.logo_nav .nav .nav_li{ float:left;height:108px;width:105px; position:relative; z-index:10}
.logo_nav .nav .nav_li a.nav_li_a{ display:block; line-height:108px; font-size:18px; color:#313131; text-align:center}
.logo_nav .nav .nav_licur a.nav_li_a{ background:url(nav_licur.png) no-repeat center;color:#e60012}
.logo_nav .nav .nav_licurhover a.nav_li_a{ color:#e60012}



.nav_li_chil{ position:absolute; left:0; top:108px; width:100%; display:none;}
.nav_li_chil a{ display:block; height:40px; text-align:center; line-height:40px; background:#FFF; color:#313131; font-size:14px; margin-top:1px;}
.nav_li_chil a.t{ line-height:20px; padding:10px 0}
.nav_li_chil a:hover{ background:#e60012; color:#FFF;}

.foot{ background:#313131;}
.foot_con{ background:#313131;width:1200px; margin:0 auto;}
.foot_nav{ text-align:center; border-bottom:1px solid #404040; padding:30px 0}
.foot_nav a{ margin:0 30px; color:#FFF; font-size:18px;}
.foot_nav a:hover{ color:#e60012}
.foot_info{ color:#bcbcbc; text-align:center; font-size:14px;border-top:1px solid #404040; padding:30px 0}
.foot_info b{ margin:0 30px}
.foot_info a{ color:#bcbcbc}
.foot_info a:hover{ color:#e60012}
.foot_txt{ padding:40px 0;}
.foot_logotel{ float:left;}
.foot_tel{ color:#FFF; background:url(foot_tel.png) no-repeat left; padding-left:70px; margin-top:20px}
.foot_tel p.p1{ font-size:18px;}
.foot_tel p.p2{ font-size:35px;font-style:oblique}
.foot_add{ float:left; margin-left:80px}
.foot_add p{ font-size:14px; color:#bcbcbc; margin-bottom:20px}
.erweima{ float:right; margin-top:20px;}
.erweima p{ text-align:center; font-size:14px; color:#bcbcbc; margin-top:10px}




.Pbanner{ background:url(Pbanner.jpg) no-repeat center; height:480px;}
.page_box{ background:#f5f5f5; padding-bottom:50px;min-width:1200px; }
.page_box_margin{ width:1200px; margin:0 auto;min-width:1200px;}

.offer{ background:#313131;}
.offer_con{ width:1200px;background:#313131; margin:0 auto;padding-top:20px; }
.offer_box{ width:960px; float:left; }
.offer_li{ float:left; width:480px; height:55px; position:relative}
.offer_li span{ position:absolute; right:30px; top:7px; z-index:1}
.offer_li span i{color:red;	padding-left:20px;	white-space:nowrap;	background:url(error.png) no-repeat left center; font-size:12px; font-style:normal; line-height: 20px;
    height: 20px;}
.offer_li input{background: #fff;width: 380px;height: 35px;line-height: 35px;padding: 0px 0px 0px 10px;border: none; border-radius:2px;}
.offer_li select{background: #fff;width: 390px;height: 35px;line-height: 35px;padding: 0px 0px 0px 10px;border: none; border-radius:2px; display:block;appearance:none;-moz-appearance:none;-webkit-appearance:none;}
.offer_li_yzm input{ width:270px; float:left;}
.offer_li_yzm img{ margin-left:20px;}
.offer_li_yzm span{ right:140px;}
.offer_but{ float:right; width:240px; }
.offer_but input{background:#e60012; border:1px solid #e60012; width:240px; height:90px; border-radius:3px; color:#FFF; font-size:20px; font-weight:bold;}



.location{ padding:20px 0;height:30px;}
.location .location_lo{ float:left; font-size:14px; height:30px; line-height:30px;}
.location .location_lo a{ color:#313131}
.location .location_lo a:hover{ color:#e60012}
.location .location_lo b{ font-family:"ËÎÌå"; color:#313131; margin:0 10px;}
.location_search{ float:right}
.location_search input.key{ height:27px; line-height:27px; float:left; border:1px solid #ccc; width:200px; border-radius:3px 0 0 3px; padding:0 7px}
.location_search input.location_search_but{height:29px; float:left; border:1px solid #e60012; width:50px; background:url(location_search_but.png) no-repeat center #e60012; border-radius:0 3px 3px 0}

.location_one{ background:#313131;min-width:1200px;}
.location_one .location{ width:1200px; margin:0 auto;}
.location_one .location_lo a{ color:#fff}
.location_one .location_lo a:hover{ color:#e60012}
.location_one .location_lo b{ color:#fff;}

.location_two{ line-height:40px; background:#FFF; height:40px; border-bottom:1px solid #eae9e9}
.location_two a.lo_a{ display:block; float:left; display:block; height:40px; padding: 0 40px ; color:#313131}
.location_two a.cur{ color:#FFF; background:#e60012}
.location_two .locations{width:1200px; margin:0 auto}
.location_two .location_lo{ float:right; font-size:14px;}
.location_two .location_lo a{ color:#313131;}
.location_two .location_lo a:hover{ color:#e60012}
.location_two .location_lo b{ color:#fff313131}


.multiselect{ background:#FFF; padding:20px 0; margin-bottom:30px}
.multiselect_div{ padding:10px 0 10px 20px;}
.multiselect_div span{ color:#313131; font-size:20px;}
.multiselect_div span i{ margin-left:40px; font-style:normal}
.multiselect_div a{ color:#313131; font-size:16px; margin-left:40px;}
.multiselect_div a:hover{color:#e60012;}
.multiselect_div a.cur{ border:2px solid #e60012; color:#e60012; padding:3px 10px;}



.p_offer{ background:url(p_offer.jpg); width:369; height:533px;}
.p_offer_til{ padding:20px 0; text-align:center;color:#e60012;font-size:20px; font-weight:bold;}
.p_offer_input{ border:1px solid #c9c9c9; border-radius:3px; padding:7px 10px; margin-left:8px; width:220px}
.p_offer_select{ border:1px solid #c9c9c9; border-radius:3px; padding:7px 10px; margin-left:8px; width:242px;appearance:none;-moz-appearance:none;-webkit-appearance:none;}
.p_offer_yzm{ float:left; width:110px; margin-right:17px;}
.p_offer_button{ background:#e60012;margin-left:8px; height:45px; width:240px; color:#FFF; border:1px solid #e60012; border-radius:3px;font-size:18px; }
.p_offer_li{ position:relative}
.p_offer_li span{ position:absolute; right:30px; top:7px; z-index:1}
.p_offer_li span i{color:red;	padding-left:20px;	white-space:nowrap;	background:url(error.png) no-repeat left center; font-size:12px; font-style:normal; line-height: 20px;
    height: 20px;}
.p_offer_lis span{right:140px;}





.page_title{ height:30px; line-height:30px;color:#313131; padding:20px;}
.page_title_zh{ float:left; font-size:20px; font-weight:bold; color:#e60012 }
.page_title_more{ float:right;}
.page_title_more a{ color:#313131}
.page_title_more a:hover{color:#e60012;}
.page_title_more a font{ color:#e60012;font-size:23px; }


.p_case{ margin-top:30px; background:#fff; overflow:hidden;}
.p_case_li{ width:300px; display:block; margin:0 auto; border-bottom:1px  dashed #ccc; margin-bottom:30px; padding-bottom:10px;}
.p_case_li div{ height:25px; line-height:25px; color:#313131; margin-top:15px;}
.p_case_li div span{ float:left;}
.p_case_li div font{ float:right;}
.p_case_li:hover div{ color:#e60012}


/*CSS sabrosus style pagination*/
DIV.sabrosus {	TEXT-ALIGN:center; font-size:14px; padding:50px 0;}
DIV.sabrosus A {border:1px solid #333; padding:5px 15px 5px 15px; text-decoration:none;line-height:18px; display:inline-block; zoom:1; *display:inline; color:#333; margin-right:4px; vertical-align:middle; border-radius:3px;}
DIV.sabrosus A:hover {border:1px solid #333; color:#FFF; background-color:#333;}
DIV.sabrosus .textpage{line-height:20px; display:inline-block; vertical-align:middle;border:#e60012 1px solid; border-radius:3px;}
DIV.sabrosus .indexspan{ border:#e60012 1px solid; padding:2px 5px 2px 5px; COLOR:#FFF; MARGIN-RIGHT: 2px; TEXT-DECORATION: none; line-height:18px; display:inline-block; vertical-align:middle; background-color:#e60012; border-radius:3px;}
DIV.pagination A:active {BORDER-RIGHT: #2b66a5 1px solid; BORDER-TOP: #2b66a5 1px solid; BORDER-LEFT: #2b66a5 1px solid; COLOR: #000; BORDER-BOTTOM: #2b66a5 1px solid; BACKGROUND-COLOR: lightyellow}
DIV.sabrosus SPAN.current {	border:1px solid #e60012; padding:5px 15px 5px 15px; text-decoration:none;line-height:18px; display:inline-block; zoom:1; *display:inline; color:#FFF; margin-right:4px; vertical-align:middle;background-color:#e60012; border-radius:3px;}
DIV.sabrosus SPAN.disabled {	border:1px solid #666; padding:5px 15px 5px 15px; text-decoration:none;line-height:18px; display:inline-block; zoom:1; *display:inline; color:#FFF; background-color:#666; margin-right:4px; vertical-align:middle; border-radius:3px;}
DIV.sabrosus .pageselect{ line-height:18px; display:inline-block; vertical-align:middle; border-radius:3px;}
DIV.sabrosus .input_t{ display:none;}

.null{ text-align:center; padding-top:60px; text-align:center; font-size:15px; color:#333}




.Validform_checktip{	line-height:20px;	height:20px;	overflow:hidden;	color:#999;	font-size:12px;}
.Validform_right{	color:#71b83d;	padding-left:20px;	background:url(right.png) no-repeat left center;}
.Validform_wrong{	color:red;	padding-left:20px;	white-space:nowrap;	background:url(error.png) no-repeat left center;}


.quick{ position:fixed; left:0; top:50%; margin-top:-238px; z-index:10; width:150px;}
.quick_top{ position:relative}
.quick_top a{ position:absolute; top:125px; right:50px; font-size:14px; color:#fff;  padding:2px 10px;}
.quick_li{ }
.quick_li a{ display:block; width:80px; height:80px; background:#FFF; margin:0 auto; border-left:1px solid #e60012;border-right:1px solid #e60012;}
.quick_li a:hover{ background:#e60012}
.quick_li a p{ display:block;  height:50px;}
.quick_li a i{ font-style:normal; font-size:14px; color:#e60012; display:block; text-align:center}
.quick_li a:hover i{ color:#FFF}
.quick_li1 a p{background:url(quick1.png) no-repeat center;}
.quick_li1 a:hover p{background:url(quick1s.png) no-repeat center;}
.quick_li2 a p{background:url(quick2.png) no-repeat center;}
.quick_li2{ position:relative}
.quick_li2 div{ position:absolute; right:-96px; top:-20px;-webkit-box-shadow:0px 0px 7px #555; -moz-box-shadow:0px 0px 7px #555; box-shadow:0px 0px 7px #999; width:130px; background:#fff; padding-top:3px; display:none}
.quick_li2 div img{ border:1px solid #eaeaea; margin:0 auto; display:block;}
.quick_li2 div span{ display:block; text-align:center; line-height:40px; color:#333; font-size:14px;}
.quick_li3 a p{background:url(quick3.png) no-repeat center;}
.quick_li3 a:hover p{background:url(quick3s.png) no-repeat center #e60012;}
.quick_li4 a{background:url(quick4.png) no-repeat center #FFF;}
.quick_li4 a:hover{background:url(quick4s.png) no-repeat center #e60012;}
.quick_fg{ display:block; height:1px; background:#e60012;width:82px; margin:0 auto;}
.quick_li2cur a{ background:#e60012}
.quick_li2cur a i{ color:#FFF}
.quick_li2cur a p{background:url(quick2s.png) no-repeat center;}


.link{ border-top:1px solid #404040; padding:30px 0;color: #bcbcbc;font-size: 14px;}
.link a{ color:#bcbcbc; margin-left:30px;white-space:nowrap}
.link a:hover{ color:#e60012}


.case_til{ margin-top:30px;}
.case_til span{ font-size:30px; color:#313131}
.case_til font{ font-size:16px; color:#717171; font-family:Arial; margin-left:15px;}
.case_til i{ display:block; height:2px; background:#e60012; width:90px; margin-top:5px;}
.case_hr{ border-bottom:1px dashed #ccc; margin-top:30px;}


.suit_brand{ background:url(suit_brand.jpg)  repeat-y center; }
.suit_brand_div{ width:1200px; margin:0 auto;}
.brands_til{ text-align:center; font-size:50px; color:#313131; font-weight:bold; padding:50px 0}

ul,li{margin:0;padding:0;list-style:none}
#scrollDiv{width:1200px;min-height:25px;line-height:25px;overflow:hidden}
#scrollDiv li{height:149px; list-style:none; margin-bottom:25px; width:1300px; display:block;}
#scrollDiv li a{ display:block; float:left; width:279px;height:149px; margin-right:25px; border:1px solid #ccc}


.w1200 {
	width: 100%;
	max-width: 1340px;
	min-width: 320px;
	margin: 0 auto;
	padding: 0 70px;
}

.history-box{ margin-top: 95px; padding:90px 0 125px; border-top: 1px solid #EEEEEE; }
.history-box .content{ background: url(history_bg_line.png) repeat-x bottom;}
.history-box .slick-for .box{ padding: 100px 90px 110px; }
.history-box .slick-for .box .date{ float: left; font-size:100px; line-height: 100px; color: #d71318; font-weight:300;}
.history-box .slick-for .box .text{ margin-left: 330px; padding-top:20px; font-size: 18px; line-height: 34px; color: #555555;}
.history-box .slick-nav { margin-top: 40px; text-align: center;}
.history-box .slick-nav .slick-slide{ cursor: pointer;}
.history-box .slick-nav .slick-slide span{ display: block; height: 50px; line-height:50px; position:relative;}
.history-box .slick-nav .slick-slide span:before,
.history-box .slick-nav .slick-slide span:after{ display: none; content: ""; position: absolute; left:50%; margin-left: -5px;}
.history-box .slick-nav .slick-slide span:before{ top:0; border-style:solid dashed dashed dashed;  border-color:#d71318 transparent transparent  transparent;  border-width: 7px;}
.history-box .slick-nav .slick-slide span:after{ bottom:0; border-style: dashed dashed  solid dashed;  border-color: transparent transparent  #d71318 transparent;  border-width: 7px;}
.history-box .slick-nav .slick-current{ color: #d71318;}
.history-box .slick-nav .slick-current span:before,
.history-box .slick-nav .slick-current span:after{ display: block;}